import axios, { AxiosHeaders } from 'axios';
import type { InternalAxiosRequestConfig, AxiosResponse } from 'axios';

// 创建 Axios 实例
const service = axios.create({
  baseURL: import.meta.env.VITE_API_BASE_URL, // 从环境变量中获取 API 基础 URL
  timeout: 5000, // 请求超时时间
});

// 请求拦截器
service.interceptors.request.use(
  (config: InternalAxiosRequestConfig) => {
    // 在发送请求之前做些什么，例如添加请求头
    const token = localStorage.getItem('token');
    if (token) {
      if (!config.headers) {
        config.headers = new AxiosHeaders(); // 使用 AxiosHeaders 初始化 headers
      }
      config.headers.set('Authorization', `Bearer ${token}`); // 使用 set 方法设置头
    }
    return config;
  },
  (error) => {
    // 处理请求错误
    console.error('请求错误:', error);
    return Promise.reject(error);
  }
);

// 响应拦截器
service.interceptors.response.use(
  (response: AxiosResponse) => {
    // 对响应数据做点什么
    const res = response.data??response;
    if (res.code && res.code!== 200) {
      // 处理业务错误
      const errorMessages: { [key: number]: string } = {
        400: '请求参数错误',
        401: '未授权，请登录',
        403: '禁止访问',
        404: '请求资源不存在',
        500: '服务器内部错误'
        // 可以根据实际情况添加更多的 code 码和对应的错误信息
      };
      const errorMessage = errorMessages[res.code] || res.message || '未知错误';
      console.error('业务错误:', errorMessage);
      return Promise.reject(new Error(errorMessage));
    }
    return res;
  },
  (error) => {
    // 处理响应错误
    console.error('响应错误:', error);
    return Promise.reject(error);
  }
);

// 定义请求方法
const request = {
  get<T = any>(url: string, config?: InternalAxiosRequestConfig): Promise<T> {
    return service.get(url, config);
  },
  post<T = any>(url: string, data?: any, config?: InternalAxiosRequestConfig): Promise<T> {
    return service.post(url, data, config);
  },
  put<T = any>(url: string, data?: any, config?: InternalAxiosRequestConfig): Promise<T> {
    return service.put(url, data, config);
  },
  delete<T = any>(url: string, config?: InternalAxiosRequestConfig): Promise<T> {
    return service.delete(url, config);
  },
  postFormData<T = any>(url: string, data: FormData, config?: InternalAxiosRequestConfig): Promise<T> {
    const defaultConfig: InternalAxiosRequestConfig = {
      headers: new AxiosHeaders({ 'Content-Type': 'multipart/form-data' }), // 使用 AxiosHeaders 设置头
      ...config
    };
    return service.post(url, data, defaultConfig);
  }
};

export default request;